Hi, my name is Tanner H. Lyon.

I engineer digital and developer experiences.

I'm a Software Engineer specializing in React, Javascript, Typescript, CSS, Relational and Non-Relational Databases and AWS.

Currently, I'm looking for a new role, as well as, working on my own projects and products.

Products

Latest Product:

Lyon Shops

Lyon Shops is a fully functional mock Ecommerce website. The application allows one to sign up with either an email address and password or their Google account. The user can sign up and or sign in, navigate the website adding various clothing and headwear, make final changes in their cart and check out utilizing Stripes external API. Check out the Github repository.

Technologies used includes:

  • React: Functional Hooks
  • Firebase (Database, Authentication)
  • GraphQL
Lyon Shops Video Example.

Gimme

Gimme is a chrome extension pop up and webpage built for expediated access to the PGA Tour scorecards. The product allows you to view the current score card, course details, keep track of your favorite players, and view the PGA Twitter timeline in a fast and organized location. Don't worry about leaving your current work to check on the scores, just click the icon in your extension library and immediately see the current leaderboard. Check out the Github repository.

Technologies used includes:

  • React: Functional Hooks
  • React Router
  • MongoDB
  • Webpack
Gimme Modular Homepage Image.

Codesmith

At Codesmith, an ed-tech startup, I worked as a software engineer where I maintained and updated the legacy codebase, led junior code reviews on topics including React, Redux, Typescript, Test Driven Development and Asyncronous Javascript, conducted technical interviews and gave lectures on modern Javascript/Web-Development techniques.

Technologies used includes:

  • React
  • Redux
  • Typescript
  • Jest
  • Webpack
  • AWS
  • Docker
Codesmith website Image.

Solid Structure

Solid Structure is an open source devtool for the front end library SolidJS. SolidStructure renders dependency graphs and component trees displaying components and signal relationships via the data visualization library D3.js in a chrome extension dev tool. To view the product, navigate to the product repository on Github, or head over to solidstructure.io.

Technologies used includes:

  • SolidJS
  • Typescript
  • D3.js
  • Rollup
  • Vite
  • Chrome-Extension
Solid Structure Dark Mode Image.

Contact Me

I'm always interested in hearing about career opportunites, product collaboration, and networking opportunities.

Email Me